<template>
  <w-content-box
    :class-model="classModel"
    :options="searchOptions">
    <template v-slot="scope">
      <el-row :gutter="20">
        <el-col :span="8">
          <span class="log-text">{{ scope.item.msg }}</span>
        </el-col>
        <el-col :span="8">
          <span class="log-text">{{ scope.item.statusCode }}</span>
        </el-col>
        <el-col :span="8">
          <span class="log-text">{{ scope.item.dateStr }}</span>
        </el-col>
      </el-row>
    </template>
  </w-content-box>
</template>

<script>
  import LogServerErrorModel from '@/models/logs/LogServerErrorModel'
  import WContentBox from '../../com/contentBox'

  export default {
    name: "PCAdminLogsServerError",
    components: {
      WContentBox
    },
    data() {
      return {
        /**
         * 列表加载模型
         */
        classModel: LogServerErrorModel,
        searchOptions: [
          {
            title: '错误信息',
            key: 'msg'
          }, {
            title: '状态码',
            key: 'statusCode'
          }
        ]
      }
    }
  }
</script>

<style lang="scss" scoped>
  .pc-admin-logs-server-error {
    .table-view {
      list-style: none;
      margin: 0;
      padding: 0;
      .cell {
        padding: 5px 10px;
        border-radius: 4px;
        background-color: #efefef;
        margin-bottom: 10px;
        .title, .router-item {
          margin: 0;
          color: #999;
          font-size: 14px;
          line-height: 20px;
        }
      }
    }
  }
</style>
